﻿.container{display:block; width:100%; margin-top:80px; }
.container .case{display:block; max-width:1200px; margin:0 auto;}
.container .case .title{display:block; height:86px; background:url(../images/k.png) no-repeat center center; padding-top:15px;}
.container .case .title h4{display:block; height:40px; line-height:40px; font-size:26px; color:#282828; text-align:center; }
.container .case .title h4 i{font-style:normal; font-weight:normal; }
.container .case .title h4 .blue{color:#031255; }
.container .case .title .tip{display:block; height:22px; line-height:22px; font-size:18px; color:#666; text-align:center; }


.container .case .con .h_cs{display:block; max-width:100%; margin:0 auto;margin-top:20px; position:relative; z-index:2; left:0; top:0;}
.container .case .con  .h_cs .arrow_l{position:absolute; left:-50px; top:120px; z-index:8;width:47px; height:47px; background:url(../images/left.png) no-repeat left center; cursor:pointer;}
.container .case .con  .h_cs .arrow_l:hover{background:url(../images/lefth.png) no-repeat left center; }
.container .case .con  .h_cs .arrow_l.current{background:url(../images/lefth.png) no-repeat left center; }
.container .case .con  .h_cs .arrow_r{position:absolute; right:-50px; top:120px; z-index:9;width:47px; height:47px; background:url(../images/right.png) no-repeat left center; cursor:pointer;}
.container .case .con  .h_cs .arrow_r:hover{background:url(../images/righth.png) no-repeat left center;}
.container .case .con  .h_cs .arrow_r.current{background:url(../images/righth.png) no-repeat left center;}

.container .case .con  .h_cs #scrollarea{display:block; width:100%;  margin:0 auto; overflow:hidden; }
.container .case .con  .h_cs #inrea{display:block; width:1200%;}
.container .case .con  .h_cs #area1{float:left;}
.container .case .con  .h_cs #area2{float:left;}
.container .case .con  .h_cs #scrollarea li{float:left; width:385px;  margin-right:25px; padding-bottom:50px; }
.container .case .con  .h_cs #scrollarea li a.pic{display:block; width:385px;}
.container .case .con  .h_cs #scrollarea li a.pic img{display:block; width:100%;}
.container .case .con  .h_cs #scrollarea li a.tit{display:block; height:50px; line-height:50px; font-size:16px; color:#031255; font-weight:bold; text-align:center; }
.container .case .con  .h_cs #scrollarea li a.detail{display:block; font-size:13px; line-height:18px; height:54px; overflow:hidden;}
.container .case .con  .h_cs #scrollarea li .moret_out{display:block; width:100%; height:42px; background:url(../images/dian.jpg) repeat-x left center;margin-top:20px;}
.container .case .con  .h_cs #scrollarea li a.moret{display:block; width:120px; height:40px; margin:0 auto; background:#e1e1e1; line-height:40px; font-size:13px; color:#666; font-weight:bold; text-align:center; }
.container .case .con  .h_cs #scrollarea li a.moret:hover{background:#031255; color:#fff;}


.container .products{display:block; width:100%; background:#f0f0f0; }
.container .products .inner{display:block; padding:70px 0px;}
.container .products .mtitle{display:block; height:86px; background:url(../images/k.png) no-repeat center center; padding-top:15px;}
.container .products .mtitle h4{display:block; height:40px; line-height:40px; font-size:26px; color:#282828; text-align:center; }
.container .products .mtitle h4 i{font-style:normal; font-weight:normal; }
.container .products .mtitle h4 .blue{color:#031255; }
.container .products .mtitle .tip{display:block; height:22px; line-height:22px; font-size:18px; color:#666; text-align:center; }

.container .products  .list{width:20%;}
.container .products  .show{width:78%;}

.container .products  .list .title{display:block; width:100%; height:100px; background:#031255;}
.container .products  .list .title .en{display:block; height:30px; line-height:30px; font-size:24px; text-transform:uppercase; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-top:20px;}
.container .products  .list .title h4{display:block; height:30px; line-height:30px; font-size:24px; text-align:center; color:#fff; background:url(../images/line.jpg) no-repeat center center; }
.container .products  .list .con{display:block; padding:6px; border:2px solid #031255;}
.container .products  .list .con li .tit{display:block; height:48px; line-height:48px; font-size:15px; color:#fff; padding:0px 8px; font-weight:bold; background:#6a6868 url(../images/ar.png) no-repeat 97% center; margin-bottom:2px; }
.container .products  .list .con li .tit:hover{ background:#031255 url(../images/ar.png) no-repeat 97% center; }

.container .products  .list .con li dl{display:block; margin-bottom:10px; }
.container .products  .list .con li dd a{display:block; height:50px; line-height:50px; font-size:15px; font-weight:bold; padding:0px 8px; border-bottom:1px solid #cdcbcb; background:url(../images/arr.png) no-repeat 95% center; }
.container .products  .list .con li dd a:hover{color:#031255; text-decoration:underline; }

.container .products  .show .title{display:block; height:50px; border-bottom:1px solid #d5d5d5; position:relative; z-index:2; left:0; top:0;}
.container .products  .show .title .line{position:absolute; left:0; bottom:0; z-index:5; height:2px; background:url(../images/line2.jpg) no-repeat left center; width:200px;}
.container .products  .show .title h4{display:block; line-height:50px; font-size:22px; color:#031255; font-weight:bold; }
.container .products  .show .title .more{float:right; line-height:20px; margin-top:15px; font-size:12px; font-weight:bold; padding-right:17px;   background:url(../images/jia.jpg) no-repeat right center; text-transform:uppercase;  height:20px; font-family:Arial, Helvetica, sans-serif;}
.container .products  .show .con{display:block; width:100%; padding-top:10px;}
.container .products  .show .con ul{display:block; width:100%;}
.container .products  .show .con ul li{float:left; width:32%; margin-right:1.333%; margin-bottom:10px; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s; }
.container .products  .show .con ul li:hover{transform:translate(0,5px); -webkit-transform:translate(0,5px); -moz-transform:translate(0,5px); -o-transform:translate(0,5px);}
.container .products  .show .con ul li a.pic{display:block; width:100%;}
.container .products  .show .con ul li a.pic img{display:block; width:100%;}
.container .products  .show .con ul li a.tit{display:block; width:94%; padding:0% 3%;  height:46px; line-height:46px; font-size:15px; color:#031255; font-weight:bold; background:#dbdbdb; position:relative; z-index:2; left:0;  top:0; overflow:hidden;}
.container .products  .show .con ul li a.tit:hover{background:#031255; color:#fff;}

.container .products  .show .con ul li a.tit .moret{display:block; position:absolute; right:0; top:0; z-index:5; height:46px; width:46px; background:#c6c6c6 url(../images/quan.png) no-repeat center center;  }
.container .products  .show .con ul li a.tit:hover .moret{background:#13236b url(../images/quan.png) no-repeat center center; }


.container .mquality{display:block; width:100%;  height:560px; background:url(../images/mquality_bg.jpg) no-repeat center top; }
.container .mquality .inner{display:block; padding:70px 0px; }
.container .mquality .title{display:block; height:86px; background:url(../images/kh.png) no-repeat center center; padding-top:15px;}
.container .mquality .title h4{display:block; height:40px; line-height:40px; font-size:26px; color:#fff; text-align:center; }
.container .mquality .title h4 i{font-style:normal; font-weight:normal; }
.container .mquality .title h4 .blue{color:#fff; }
.container .mquality .title .tip{display:block; height:22px; line-height:22px; font-size:18px; color:#aaacbb; text-align:center; }
.container .mquality .con{display:block; padding-top:12px;}
.container .mquality .con ul{display:block; width:100%;}
.container .mquality .con ul li{float:left; width:25%; line-height:40px; color:#fff; font-size:22px; text-align:center; }
.container .mquality .con ul li img{display:block; margin:0 auto; margin-bottom:8px; }


.container .profile{display:block; width:100%; background:#f0f0f0; padding:70px 0px; }
.container .profile .inner{display:block; height:512px; background:url(../images/pro_bg.jpg) no-repeat center top; background-size:100% auto;}
.container .profile .inner .i_in{display:block; padding:58px 40px 30px 30px; }
.container .profile .inner .i_in .p_fl{float:left; width:48%; }
.container .profile .inner .i_in .p_fl img{display:block; width:100%;}

.container .profile .inner .i_in .p_fr{float:right; width:47.5%;}
.container .profile .inner .i_in .p_fr .title{ }
.container .profile .inner .i_in .p_fr .title h4{display:block;height:40px; line-height:40px; font-size:25px; color:#031255;}
.container .profile .inner .i_in .p_fr .title  .en{line-height:40px; font-size:20px; color:#666; padding-left:12px;  font-weight:normal; text-transform:uppercase; }
.container .profile .inner .i_in .p_fr .con{display:block; font-size:14px; line-height:24px; padding-top:15px; color:#282828; }
.container .profile .inner .i_in .p_fr .con:hover{text-decoration:underline;color:#031255;}

.container .profile .inner .i_in .p_fr .moret_out{display:block; width:100%; height:34px; margin-top:18px;}
.container .profile .inner .i_in .p_fr .moret{float:right; width:106px; height:34px; line-height:34px; font-size:13px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; background:#031255; text-transform:uppercase; }
.container .profile .inner .i_in .p_fr ul{display:block; width:100%; margin-top:25px; padding-top:15px; border-top:2px dashed #dfdede; }
.container .profile .inner .i_in .p_fr ul li{float:left; width:24%; margin-right:1%;}
.container .profile .inner .i_in .p_fr ul li img{display:block; width:100%;}


.container .news{display:block; max-width:1200px; margin:0 auto; margin-top:80px; }
.container .news .mtitle{display:block; height:86px; background:url(../images/k.png) no-repeat center center; padding-top:15px; margin-bottom:15px; }
.container .news .mtitle h4{display:block; height:40px; line-height:40px; font-size:26px; color:#282828; text-align:center; }
.container .news .mtitle h4 i{font-style:normal; font-weight:normal; }
.container .news .mtitle h4 .blue{color:#031255; }
.container .news .mtitle .tip{display:block; height:22px; line-height:22px; font-size:18px; color:#666; text-align:center; }
.container .news .gs_news{width:63%;}
.container .news  .industry{width:32.3%;}

.container .news .gs_news .title{display:block; height:55px; line-height:55px; width:100%; background:#f0f0f0; }
.container .news .gs_news .title h4{display:block; width:160px; height:55px; line-height:55px; font-size:20px; color:#fff; text-align:center; background:#031255; }
.container .news .gs_news .title .more{float:right; line-height:20px; font-size:12px; padding-right:18px; height:20px; line-height:20px; background:url(../images/jia.jpg) no-repeat right center; font-weight:bold; text-transform:uppercase; margin-right:13px; margin-top:17px;}
.container .news .gs_news .con{display:block; padding-top:15px;}
.container .news .gs_news .con .rescommend{float:left; width:46%; position:relative; z-index:4; left:0; top:0; }
.container .news .gs_news .con .rescommend a.pic{display:block; width:100%;}
.container .news .gs_news .con .rescommend a.pic img{display:block; width:100%;}
.container .news .gs_news .con .rescommend .tit{display:block; position:absolute;  z-index:5; left:0; bottom:0; width:94%; height:40px; background:url(../images/ze.png) repeat left top; font-size:15px; color:#fff; padding:0% 3%; font-weight:bold; line-height:40px; }
.container .news .gs_news .con .rescommend .tit .time{float:right; line-height:40px; font-size:13px;font-family:Arial, Helvetica, sans-serif; text-align:right; font-weight:normal; }
.container .news .gs_news .con ul{float:right; width:52%;}
.container .news .gs_news .con ul li{display:block; width:100%;}
.container .news .gs_news .con ul li a{display:block; padding-left:20px; height:32px; line-height:32px; font-size:15px; color:#666; background:url(../images/quan.jpg) no-repeat left center; }
.container .news .gs_news .con ul li .time{float:right; line-height:32px; font-size:14px; color:#666; }
.container .news .gs_news .con ul li a:hover{color:#031255; text-decoration:underline;}


.container .news  .industry .title{display:block; height:55px; line-height:55px; width:100%; background:#2c2c2c; }
.container .news  .industry .title h4{display:block;  height:55px; line-height:55px; font-size:20px; color:#fff; padding-left:20px; }
.container .news  .industry .title .more{float:right; line-height:20px; font-size:12px; padding-right:18px; height:20px; line-height:20px; background:url(../images/jia2.jpg) no-repeat right center; font-weight:bold; text-transform:uppercase; margin-right:13px; margin-top:17px; color:#fff; }
.container .news  .industry .con{display:block; padding-top:15px;}
.container .news  .industry .con dl{display:block; width:100%; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #e1e1e1; }
.container .news  .industry .con dl dt{display:block; height:30px; }
.container .news  .industry .con dl dt a{display:block; height:30px; line-height:30px; padding-left:35px; background:url(../images/q.jpg) no-repeat left center; font-size:16px; font-weight:bold; color:#031255; }
.container .news  .industry .con dl dt a:hover{color:#031255; text-decoration:underline;}
.container .news  .industry .con dl dd a{display:block; padding-left:35px; background:url(../images/a.jpg) no-repeat left top; font-size:14px; line-height:24px; margin-top:8px; }

.container .news  .industry .con dl dd a:hover{color:#031255; text-decoration:underline; }

